<%--
  Created by IntelliJ IDEA.
  User: 86181
  Date: 2022/11/15
  Time: 18:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>查询所以出库的信息</title>
</head>
<body>
        <div>
            <div class="row">
                <div class="input-group col-md-6 col-md-offset-2">
                    <select  id="queryreason" class="form-control">
                        <option value="">-------请选择----</option>
                        <option value="C002-2">赠送</option>
                        <option value="C002-1">生产领料</option>
                        <option value="C002-3">内部借领</option>
                        <option value="C002-4">其他借领</option>
                    </select>
                    <span class="input-group-btn">
                    <button class="btn btn-default btn-primary" onclick="querypaybut()" type="button">查询</button>
                  </span>
                </div><!-- /input-group -->
            </div><!-- /.col-lg-6 -->
            <table id="querypayshowtab">

            </table>
        </div>
        <!---详情模态框-->
        <div class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="querypayshowmodals">
            <div class="modal-dialog modal-lg">
                <div class="modal-content" id="querypayshowmodalson">

                </div>
            </div>
        </div>
        <script>
            //加载数据
            $(function () {
                $("#querypayshowtab").bootstrapTable({
                    url:"queryByPayAll.action",
                    method:'post',                      //请求方式（*）
                    contentType:"application/x-www-form-urlencoded", //如果用tomcat就要写这个
                    striped: true,//是否显示隔行变色
                    cache: false,//是否缓存
                    pagination: true,//是否显示分页
                    sortable: true,//是否显示排序
                    sortOrder: "aso",//排序方式
                    sidePagination:"server", //分页方式：client客户端分页，server服务端分页（*）
                    pageNumber: 1,//初始化加载第一页，默认第一页,并记录
                    pageSize: 5,//每页记录数
                    pageList: [5, 10, 15, 20],//可供选择的每页的行数（*）
                    search: false,//是否显示输入框
                    strictSearch: true,
                    showColumns: true,//是否显示所有的列（选择显示的列）
                    showRefresh: true,//是否显示刷新按钮
                    minimumCountColumns: 2,//最少允许的列数
                    clickToSelect: true,//是否启用点击选中行
                    showToggle: true,//是否显示详细视图和列表视图的切换按钮
                    cardView: false,//是否显示详细视图
                    detailView: false,//是否显示父子表
                    queryParams:function (params) {
                        var querypayshow={
                            pagesize:params.limit,
                            pageno:(params.offset/params.limit)+1,
                            sort:params.sort,
                            sortOrder:params.sort,
                            reason:$("#queryreason").val()
                        }
                        return querypayshow;
                    },
                    columns:[
                        {
                            field:"payId",
                            title:"申请单编号",
                            formatter:function (value,row,index) {
                                return "<a onclick='queryBypayPayid("+row.payId+")'>"+row.payId+"</a>"
                            }
                        },
                        {
                            field:"reason",
                            title:"出库理由",
                            formatter:function (value,row,index) {
                                if(row.reason=="C002-1"){
                                    return "生产领料"
                                }
                                if(row.reason=="C002-2"){
                                    return "赠送"
                                }
                                if(row.reason=="C002-3"){
                                    return "内部借领"
                                }
                                if(row.reason==" C002-4"){
                                    return "其他借领"
                                }
                            }
                        },
                        {
                            field:"registerTime",
                            title:"登记时间",
                        },
                        {
                            field:"amountSum",
                            title:"总件数",
                        },
                        {
                            field:"costPriceSum",
                            title:"总金额(元)",
                        },
                        {
                            field:"payTag",
                            title:"申请状态",
                            formatter:function (value,row,index) {
                                if(row.payTag==""){
                                    return "<span class=\"label label-warning\">等待</span>"
                                }else {
                                    return "<span  class=\"label label-success\">完成</span>"
                                }

                            }
                        },
                        {
                            field:"checkTag",
                            title:"审核状态",
                            formatter:function (value,row,index) {
                                if(row.checkTag=="S001-0"){
                                    return "<span class=\"label label-warning\">等待审核<span>"
                                }
                                if(row.checkTag=="S001-1"){
                                    return "<span  class=\"label label-success\">通过<span>"
                                }
                                if(row.checkTag=="S001-2"){
                                    return "<span class=\"label label-danger\">不通过<span>"
                                }
                            }
                        },
                    ]
                })
            })
            //刷新表格
            function querypaybut() {
                    $("#querypayshowtab").bootstrapTable("refresh")
            }
            //点击编号查询详情
            function queryBypayPayid(payId) {
                $("#querypayshowmodalson").load("querypayshowmodal.jsp",{"payId":payId})
                $("#querypayshowmodals").modal("show")
            }
        </script>
</body>
</html>
